
 Korišćenje Zašto se Joker osjeća tako uznemirujuće zeleno i žuto? Why does   feel so unsettlingly green and yellow? Joker Jokeri Korišćenje Korišćenje Zašto je Blade Runner natopljen u čaj i naranču? Why is   soaked in teal and orange? Blade Runner Blade Runner revija Korišćenje Korišćenje Zašto film čini kožu mekom i toplom? Why does film make skin look soft and warm? To nije magija, to je boja. A ko god kontrolira boju – kontrolira emocionalnu težinu okvira. Označavanje boja je vizualni jezik kinematografije – način oblikovanja atmosfere, usmjeravanja pažnje gledatelja i postavljanja tona priče. Može biti suptilno i gotovo nevidljivo. ili smelo i stilizovano, kao u radu Wong Kar-Wai, Fincher, Nolan ili Villeneuve. Gde stvarno počinje rad boja? kako znamo koja je „prava“ boja? i kako prevesti kreativnu namjeru u tehničku akciju? Spoiler: ne počinje sa LUT-ovima ili filtrima. Naši Počinje sa ciljevima boja, kalibracijom i pažljivo odabranim paletama U ovoj seriji ćemo istražiti: Korišćenje Korišćenje Korišćenje Korišćenje Korišćenje koje je razvrstavanje boja na najosnovnijem nivou; zašto je ograničavanje palete značajka, a ne bug; Kako funkcionišu grafike boja (i zašto su važne); i kako izgraditi sopstveni alat za razvrstavanje u pregledniku - sa React i nekom jednostavnom matematikom. I moći ćete da eksperimentišete, tinker, a možda i prvi put stvarno Od kojih boja je napravljen. Mi to nećemo samo objasniti, mi ćemo to pokazati. see What is Color Grading, and Why Start with Color Targets? Što je razvrstavanje boja i zašto početi sa ciljevima boja? Raspored boja je proces prilagođavanja i stilizovanja slike kako bi se postigao određeni vizualni ton, emocionalni efekat ili tehnički standard. Korišćenje Korišćenje Korišćenje Korišćenje balansiranje izloženosti i bijele tačke; ispravljanje tehničkih promena boja; kreiranje vizualnog stila s kontrastom, tonovima i bojnim krivuljama. Ali razvrstavanje nije samo o "poboljšanju".To je o kontroli - raspoloženja, fokusa gledatelja, vizualnog jezika čitavog pripovjedača. Prije nego što primenite bilo koji kreativni izgled, morate donijeti sliku na što znači: neutral state Korišćenje Korišćenje Korišćenje Korišćenje ispravljanje neželjenih boja (korekcija boja); normaliziranje snimanja na standardni prostor boja (kao što je Rec.709 ili sRGB); usklađivanje materijala iz različitih kamera u dosljednu bazu. U tu svrhu, farmer koristi Kao što je ** U pitanju je ,** ili druge referentne karte. color targets bojač HromaUredi Ciljna boja je grafikon boja s Te vrednosti nisu proizvoljne – dobivene su spektroskopskim mjerenjima u kontrolisanim okruženjima koristeći profesionalnu opremu kao što je X-Rite ili Precizno izmerene vrednosti . Spektrofotometri Konica Minolta Spektrofotometri Konica Minolta Jedan od prvih široko prihvaćenih ciljeva bio je – traka neutralnih sivih nijansi koja se koristi za kontrolu izlaganja. Kasnije su došli napredniji grafikoni sa punim bojama – kao što je , uveden 1976. godine (sada poznat kao Poseduje 24 boja koje su dizajnirane da predstavljaju zajedničke boje stvarnog svijeta: ljudsku kožu, plavo nebo, zeleno lišće i još mnogo toga. Kodak Gray skala Macbeth ColorChecker X-Rite ColorChecker Kodak Gray skala Uz porast digitalne fotografije i digitalnog filma, ciljevi boja postali su još kritičniji. Oni su sada bitni alati za kalibraciju ne samo kamera, već i monitora, štampača, skenera - i bilo kojeg uređaja koji se bavi bojama. Uzmite na primer X-Rite ColorChecker. Svaki patch se meri pod standardizovanim osvetljenjem (obično ili ), sa rezultatima zabeleženim u — model boje nezavisne od uređaja. Te koordinate se zatim pretvaraju u , ovisno o radnom prostoru boja (kao što je U pitanju je ili U svakom slučaju) D65 D50 CIE XYZ coordinates RGB values sRGB Rec.709 AdobeRGB Dakle, RGB serije koje koristimo u našoj aplikaciji nisu nagađanja – to su precizne digitalne reprezentacije standardiziranih, fizički izmjerenih patchova. Ako je patch za ton kože u ColorChecker Classic-u definisan kao [194, 150, 130] u RGB-u, to bi trebalo da izgleda pod ispravnim uslovima. The Catch: Color Charts Are Just the Beginning Ciljevi boje su neophodni za kalibraciju - ali to je sve što jesu. Oni ne računaju za: Jedan početak Korišćenje Korišćenje Korišćenje Korišćenje kako se boje ponašaju u naglascima ili senkama; jedinstvene karakteristike filma ili leća; ili kreativnu namjeru iza određenog pogleda. U profesionalnim alatima kao što su ili , grafikoni boja su samo korak jedan u dugoj rupi. Odatle se krećete u napredne procese kao što su emulacija filma, toniranje, žitarice, halation, cvetanje i druge stilističke transformacije. DaVinci Resolve Oporavak a chart is a calibration tool — not a style. DaVinci rešenje Oporavak CinePalette: A Minimal Tool for Exploring Color Palettes CinePalette: Minimalni alat za istraživanje palete boja Da bismo pokazali kako izbor palete utiče na sliku, izgradili smo — jednostavna web aplikacija koja vizualizira što se događa kada ograničite prostor boja (proces poznat kao U svakom slučaju) CinePalette Paleta smanjenja What You Can Do with CinePalette: Korišćenje Korišćenje Korišćenje Korišćenje Korišćenje Korišćenje Korišćenje preuzimanje bilo koje slike; izaberite paletu (ColorChecker, Portra, Sepia itd.); ponovite svaki piksel na najbližu boju u toj paleti; usporedite prije i poslije sa interaktivnim slajdom; sačuvajte rezultat ili izgraditi vlastitu paletu od nule. How It Works in Code Naša aplikacija radi u potpunosti u pregledniku koristeći i o Projekat - nazvan — biće otvorenog koda i dostupan na GitHub (link na kraju serije). React Canvas API CinePalette Počnimo sa skupom unaprijed definisanih paleta, ali korisnici takođe mogu izgraditi i sačuvati svoje. Palete su definirane kao nalozi RGB vrednosti – na primjer, evo šta je Paleta izgleda kao: Kodak Portra 400 "Portra 400": [
  [75, 60, 50],     // shadows
  [160, 130, 110],  // skin tones
  [220, 200, 180],  // highlights
  [60, 100, 80],    // foliage
  [180, 150, 100]   // neutral
],
 Odabrana paleta definira koje boje su "dozvoljene" da se pojave u konačnoj slici.To postaje vizualni jezik okvira - osnovni tonovi koji određuju njegovo raspoloženje i stil. Kada korisnik učita sliku i odabere paletu, evo šta se događa ispod poklopca: Korišćenje Korišćenje Korišćenje Korišćenje Korišćenje Slika se prikazuje na skrivenu <canvas> - to nam daje pristup na nivou piksela za manipulaciju podacima. Izvadimo ImageData objekt, koji sadrži niz u kojem je svaki piksel predstavlja četiri vrednosti: [R, G, B, A]. Krećemo kroz svaki piksel, izvlačeći njegovu RGB boju. Za svaki piksel, pronađemo najbližu odgovarajuću boju iz odabrane palete, koristeći Euclidsku udaljenost u RGB prostoru – i zamenimo je. Uložimo kartu Shirley i pokušajmo primijeniti različite palete - odmah ćete vidjeti kako izbor palete oblikuje sliku. Suština magije leži u funkciji koja analizira I nađe se Izabrana paleta: each individual pixel closest matching color const findClosestColor = (r, g, b) => {
  let minDist = Infinity;
  let closest = [r, g, b];
  for (let [pr, pg, pb] of palette) {
    const dist = Math.sqrt((r - pr) ** 2 + (g - pg) ** 2 + (b - pb) ** 2);
    if (dist < minDist) {
      minDist = dist;
      closest = [pr, pg, pb];
    }
  }
  return closest;
};
 Zatim, zamijenimo originalnu boju piksela u ImageData sa najbližim podudaranjem iz palete. U ovoj slici. for every single pixel for (let i = 0; i < data.length; i += 4) {
  const [r, g, b] = [data[i], data[i + 1], data[i + 2]];
  const [nr, ng, nb] = findClosestColor(r, g, b);
  data[i] = nr;
  data[i + 1] = ng;
  data[i + 2] = nb;
}
 Nakon što su svi pikseli obrađeni, rezultat vraćamo na <canvas> i pretvaramo ga u sliku pomoću .toDataURL(). — i preuzmite filtriranu sliku jednim klikom. see the result instantly in the browser ctx.putImageData(imageData, 0, 0);
setFilteredImage(canvas.toDataURL());
 Ovde, koristimo — klasična metoda za mjerenje koliko su dve boje „blize“: Euclidean distance in RGB space const dist = Math.sqrt((r - pr) ** 2 + (g - pg) ** 2 + (b - pb) ** 2);
 Ovde, (r, g, b) je boja trenutnog piksela, a (pr, pg, pb) je jedna od boja u paleti. Unutar odabrane palete. closest visual match Ovaj pristup je intuitivan i jednostavan za primjenu, ali ima ograničenja: Na primer, mi smo osetljiviji na zeleno nego na plavo, a razlike u svetlosti mogu biti zavaravajuće. RGB prostor ne uzima u obzir kako ljudi stvarno percipiraju boje Koristimo ovaj pristup u kao jednostavan i pristupačan način da se dokaže osnovno načelo bojnog mape. međutim, čak i u svom trenutnom obliku, možete primijetiti da neke boje se zamjenjuju na načine koji se osećaju neočekivano ili "izbačeni". CinePalette U budućim verzijama planiramo dodati preklapanje između raspon boja – omogućava korisnicima da uporede kako različiti modeli utiču na točnost usklađivanja boja. RGB and CIELAB Why Does This Matter? Zašto je to važno? CinePalette prikazuje osnovni, ali temeljni korak u razvrstavanju boja: Ovde počinje svaki vizualni stil – sa pitanjem: palette restriction “What if we only used these colors?”. Portra paleta donosi tople, nostalgične tonove. Pro 400 se osjeća hladno i podmuklo. Teal & Orange pruža visokokontrastni kinematografski udarac. Za razliku od alata kao što su Dehancer ili Resolve, CinePalette ne simulira fiziku filma. Boja je alat za stil i pričanje priča. What’s Next? Šta je sledeće? Ovo je tek početak.U narednim delovima serije: Korišćenje Korišćenje Korišćenje Korišćenje Korišćenje ćemo proširiti CinePalette sa sposobnošću odabira palete iz referentne slike; dodajte automatsku ekstrakciju shema boja iz bilo kojeg okvira ili fotografije; uvesti prebacivanje između RGB-a i LAB-a za perceptualno preciznije podudaranje; i razbiti kako funkcioniše harmonija boja - i kako ga možete koristiti u stvarnom svetu razvrstavanja. Ostanite usklađeni – i budite spremni ne samo da naučite boju, već da je zaista vidite. vidiš

Read My Stories

Ovaj audio je proizveden na originalnom jeziku priče!

Predugo; Citati

Make resilience your competitive advantage

Ova jednostavna aplikacija omogućuje vam da vidite kako Holivud koristi boju da meša s vašim emocijama

About Author

KOMENTARI

HANG TAGS

OVAJ ČLANAK JE PREDSTAVLJEN U

Related Stories

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps